<template>
  <div>
    <h1>home</h1>
    <button @click="testGet">test get 请求</button>
  </div>
</template>

<script>
import ajax from "../api/ajax.js";
export default {
  mounted() {},
  methods: {
    async testGet() {
      const url = "/api/test";
      // url, method, params, headType
      const result = await ajax(url, "get", "", "json");
      console.log(result);
    }
  },
  // 需求：localhost:8080   home   localstorage中是否有token
  // 当登录 能默认进入home  如果没有登录跳转到个人中心personal
  beforeRouteEnter(to, from, next) {
    console.log(to);
    console.log(from);
    console.log(this); //undefined

    next(component => {
      console.log(component);
      //判断localstorage中是否有token
      if (localStorage.token) {
        // 如果有 放行
        next();
      } else {
        next("/personal");
      }
    });
  }
};
/* 
组件守卫 只针对当前组件的路由跳转 进入 更新 离开
进入前
在该种情况下获取不到this ,但是可以通过next(component=>{})，在回调函数中可以通过component访问组件对象
beforeRouteEnter(to,from,next){
  next(component=>{})
}
更新  可以访问this
beforerouteUpdate(to,from,next){}
离开
beforeRouteLeave(to,from,next){

}

*/
</script>

<style></style>
